<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="sys" uri="/menutaglib"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>${sessionScope.web_name}</title>
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<link rel="stylesheet" id='style_color' href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/${sessionScope.web_style}.css" type="text/css"/>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/constants.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/common/fscapp_sys.js"></script>
		<!-- 时间控件 -->
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery.ui.datepicker-zh-CN.js.js"></script>
	</head>
    <body class="page-header-fixed" >
        <!-- BEGIN HEADER -->
        <jsp:include page="../common/systemUserSelfHeader.jsp"></jsp:include>
        <!-- END HEADER -->
		<div class="page-container row-fluid">
			<!-- BEGIN HORIZONTAL MENU PAGE SIDEBAR1 -->
			<div class="page-sidebar nav-collapse collapse">
				<!-- BEGIN SIDEBAR MENU -->
				<ul class="page-sidebar-menu">
					<sys:sysNav ctgLevelOne="sysOperate" ctgLevelTwo="sysLog"/>
				</ul>
				<!-- END SIDEBAR MENU -->
			</div>
			<div class="page-content">
				<div class="container-fluid">
					<div class="row-fluid">
						<!-- 帮助基本信息详情 -->
						<div id="detailDlg" class="modal hide fade" tabindex="-1" data-width="860">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header bg-yellow">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
										<h4 class="modal-title">
											<i class="fa fa-plus"></i>
											<span id="lblAddTitle" style="font-weight:bold">详情</span>
										</h4>
									</div>
									<div class="modal-body tabbable tabbable-custom" id="detaliInfoDiv">
										<table class='table table-striped table-hover table-bordered dt-responsive tab-pane fade in active'>
											<tbody>
												<tr>
													<td style = "width:275px" class='bold font-blue-hoki'>用户账号</td>
													<td style = "width:275px" id="userNo"></td>
													<td style = "width:275px" class='bold font-blue-hoki'>用户名称</td>
													<td style = "width:275px" id="userName"></td>
												</tr>
												<tr>
													<td style = "width:275px" class='bold font-blue-hoki'>操作内容</td>
													<td style = "width:275px" id="operateType"></td>
													<td style = "width:275px" class='bold font-blue-hoki'>操作路径</td>
													<td style = "width:275px" id="methodName"></td>
												</tr>
												<tr>
													<td style = "width:275px" class='bold font-blue-hoki'>操作时间</td>
													<td style = "width:275px" id="logCrtdt"></td>
													<td style = "width:275px" class='bold font-blue-hoki'>ip地址</td>
													<td style = "width:275px" id="userIp"></td>
												</tr>
											</tbody>
										</table>
										<span id="lblAddTitle" style="font-weight:bold">参数信息</span>
										<table class='table table-striped table-hover table-bordered dt-responsive tab-pane fade in active' id="detaliParamDiv">
										</table>
										<span id="lblAddTitle" style="font-weight:bold">错误信息</span>
										<textarea rows="10" cols="30" style="width:100%" id="logErrormsg">
										</textarea>
										<div class="modal-footer" >
											<button type="button" data-dismiss="modal" class="btn btn-auto btn-outline">关闭</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- BEGIN PAGE HEADER-->
					<div class="row-fluid crumbs">
						<div class="beginPageHearderBg_1"></div>
						<div class="beginPageHearderBg_2"></div>
						<div class="page-title page-title-style"><i class="icon-time"></i>系统操作日志</div>
						<div class="page-title-desc"><i class="fa fa-info-circle"></i>系统提供日志查询功能，对阵个系统的业务日志进行记录(*)</div>
						<div class="span12 breadcrumb-style">
							<ul class="breadcrumb">
								<li>
									<i class="icon-home"></i>
									<a href="${sessionScope.web_home}">首页</a>
									<i class="icon-angle-right"></i>
								</li>
								<li>
									<a href="#">系统日志</a>
									<i class="icon-angle-right"></i>
								</li>
								<li><a href="#">系统操作日志</a></li>
							</ul>
							<!-- END PAGE TITLE & BREADCRUMB-->
						</div>
					</div>
					<div class="row-fluid">
						<div id="dashboard" class="row-fluid">
							<form class="form-horizontal" id="logSearchForm">
								<div class="control-group span2">
									<div class="controls span12">用户账号:
										<input type="text" name="userNo" id="userNo"  placeholder="" class="form-input-sty span12 m-wrap">
									</div>
								</div>
								<div class="control-group span2">
									<div class="controls span12">操作日期:
										<!-- 
										<input type="text" name="logCrtdt" id="logCrtdt"  placeholder="" class="form-input-sty span12 m-wrap">
										 -->
										<input id="logCrtdtSearch" name="logCrtdtSearch" type="text" class="m-wrap span12" placeholder="请填写上传时间!">
									</div>
								</div>
								<div class="control-group span2">
									<div class="controls span12">花费时间:
										<input type="text" name="logTime" id="logTime"  placeholder="" class="form-input-sty span12 m-wrap">
									</div>
								</div>
								<div class="control-group span2">
									<div class="controls span12">是否报错:
										<select class="span12 m-wrap" name="logIserror" id="logIserror">
											<option value="">全部</option>
											<option value="1">报错</option>
											<option value="0">正常</option>
										</select>
									</div>
								</div>
								<div class="control-group span3">
									<button type="button" class="btn btn-info btn-outline m-wrap"  onclick="reloadLogs()">搜 索</button>
								</div>
							</form>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<div class="portlet box yellow">
								<div class="portlet-title">
									<div class="caption"><i class="icon-time"></i>系统操作日志数据表</div>
								</div>
								<div class="portlet-body">
									<table id="logDataTable" class="table table-striped table-bordered table-hover table-full-width" >
									   <thead>
										 <tr>
											 <th style="text-align:center;width:10%">用户账号</th>
											 <th style="text-align:center;width:10%">用户名称</th>
											 <th style="text-align:center;width:10%">操作内容</th>
											 <th style="text-align:center;width:20%">操作地址</th>
											 <th style="text-align:center;width:20%">参数内容</th>
											 <th style="text-align:center;width:5%">花费秒数</th>
											 <th style="text-align:center;width:5%">是否报错</th>
											 <!-- 
											 <th style="text-align:center;width:10%">操作路径</th>
											  -->
											 <th style="text-align:center;width:10%">操作时间</th>
											 <!-- 
											 <th style="text-align:center;width:8%">用户IP</th>
											  -->
											 <th style="text-align:center;width:100px">操作</th>
										  </tr>
									   </thead>
								       <tbody style="text-align:center;font-size:9px;"></tbody>
								  </table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
        <!-- END CONTAINER -->
        <!-- BEGIN FOOTER -->
        <jsp:include page="../common/sysFooter.jsp"></jsp:include>
        <!-- END FOOTER -->
        <script>
			jQuery(document).ready(function() {    
			   App.init();
			   TableAdvanced.init();
			   UIModals.init();
			});
		</script>
		<script type="text/javascript">
		 	$('#logSearchForm #logCrtdt').datepicker({
			    dateFormat: 'yy-mm-dd'
			});
		</script>
        <!-- BEGIN CORE PLUGINS -->
	    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/sys/sysLog.js"></script>
        <!-- END THEME LAYOUT SCRIPTS -->
    </body>
</html>